@charset "utf-8";

/*涉猎*/

/*
** main
*/
.dabbling-list{overflow-y:hidden;text-align:center;color:#28242A;font-family:PinFangSC,"Helvetica Neue","Microsoft YaHei",Helvetica,Arial,sans-serif;padding-bottom:80px;}
.font-pf-light{font-family:PingFangSC-Light,"Helvetica Neue","Microsoft YaHei",Helvetica,Arial,sans-serif;}
.font-pf-medium{font-family:PingFangSC-Medium,"Helvetica Neue","Microsoft YaHei",Helvetica,Arial,sans-serif;}
.bg-gray{background-color:#F6F8FA;}
.bg-brown{color:#ffffff;background-color:#28242A;}
.main-h2{position:relative;margin:60px auto 90px;display:inline-block;font-size:30px;}
.main-h2:before{content:'';position:absolute;left:-20px;top:50%;margin-top:-15px;width:0;height:30px;border-left:3px solid #F46D64;}
.main-h2 em{position:relative;z-index:1;}
.main-h2 span{z-index:0;position:absolute;left:50%;margin-top:-8px;font-size:72px;color:#E3E9EF;opacity:0.6;font-weight:bold;}
.bg-brown .main-h2 span{opacity:0.17;}
.btn{position:relative;display:inline-block;margin-top:60px;width:260px;height:60px;line-height:60px;font-size:25px;color:#FAFDFF;}
.btn:after{content:'';display:inline-block;position:absolute;left:0;top:0;width:0;height:100%;background-color:rgba(255,255,255,.1);transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-webkit-text-decoration-skip:objects;text-decoration-skip:objects;}
.btn:hover:after{width:100%;opacity:1;}
.btn + .btn{margin-left:60px;}
.btn-blue{background-color:#3854B5}
.btn-red{background-color:#F46D64}

/*
** part01
*/
.part01{position:relative;}
.dabbling-banner{background-color:#fff;width:100%;height:400px;text-align:center;}
.dabbling-banner .container{height:100%;overflow:hidden;}
.dabbling-banner a{display:block;height:100%;position:relative;cursor:default;}
.dabbling-banner img{width:100%;height:100%;}
.dabbling-banner .swiper-pagination{display:inline-block;text-align:center;position:relative;z-index:11;top:-30px;bottom:auto;width:auto;}
.dabbling-banner .swiper-pagination-bullet{width:23px;height:3px;background-color:#fff;border-radius:0;}
.dabbling-banner-con{position:absolute;left:50%;margin-left:-960px;width:1920px;height:100%;}
.dabbling-banner .swiper-button-next,.dabbling-banner .swiper-button-prev{width:40px;height:62px;background-size:100% 100%;}
.dabbling-banner .swiper-button-next{background-image:url(https://assets-cdn.lanqb.com/portrait/carouse-next.png);}
.dabbling-banner .swiper-button-prev{background-image:url(https://assets-cdn.lanqb.com/portrait/carouse-next.png);transform:rotate(180deg);}
.dabbling-banner-con img + img{position:absolute;z-index:2;height:auto;-webkit-animation-duration:1s;animation-duration:1s}
.dabbling-banner .banner-icon01{width:0.52%;left:9.8%;top:49.3%;}
.dabbling-banner .banner-icon02{width:0.94%;left:13.4%;top:61%;}
.dabbling-banner .banner-icon04{width:1.72%;left:20.3%;top:19.2%;}
.dabbling-banner .banner-icon05{width:2.34%;left:23.7%;top:70%;}
.dabbling-banner .banner-icon06{width:1.41%;left:33.9%;top:19.2%;}
.dabbling-banner .banner-icon07{width:1.41%;left:68%;top:74.8%;}
.dabbling-banner .banner-icon08{width:1.41%;left:79.1%;top:36%;}
.dabbling-banner .banner-icon09{width:2.71%;left:88.7%;top:6%;}
.dabbling-banner .banner-icon10{width:0.94%;left:86.7%;top:78.5%;}
.dabbling-banner .banner-icon11{width:0.52%;left:88.8%;top:72.5%;}
.dabbling-banner .banner-icon12{width:36px;left:35px;top:33px;}
.dabbling-banner .banner-icon13{width:21px;right:38px;bottom:38px;}
.dabbling-banner h2{z-index:2;position:absolute;top:76%;left:0;text-align:center;width:100%;font-size:34px;color:#ffffff;line-height:0.761;-webkit-animation-duration:1s;animation-duration:1s}
.dabbling-banner h3{z-index:2;position:absolute;top:85.4%;left:0;text-align:center;width:100%;font-size:16px;color:#ffffff;line-height:1.458;-webkit-animation-duration:1s;animation-duration:1s}
.dabbling-banner h1{z-index:2;position:absolute;top:51.8%;left:50%;margin-left:-107px;width:214px;height:74px;}
.dabbling-banner h1 img{position:absolute;z-index:2;height:auto;-webkit-animation-duration:1s;animation-duration:1s}
.dabbling-banner h1 .h1-1{width:8.72%;height:auto;top:39.1%;left:0.7%;}
.dabbling-banner h1 .h1-2{width:21.47%;height:auto;top:4.8%;left:22%;}
.dabbling-banner h1 .h1-3{width:2.68%;height:auto;top:4.8%;left:47.4%;}
.dabbling-banner h1 .h1-4{width:3.02%;height:auto;top:45.8%;left:47.4%;}
.dabbling-banner h1 .h1-5{width:2.35%;height:auto;top:86.7%;left:47.4%;}
.dabbling-banner h1 .h1-6{width:22.15%;height:auto;top:2%;left:54.5%;}
.dabbling-banner h1 .h1-7{width:2.35%;height:auto;top:4.8%;left:81.1%;}
.dabbling-banner h1 .h1-8{width:0.67%;height:auto;top:45.8%;left:81.1%;}
.dabbling-banner h1 .h1-9{width:2.35%;height:auto;top:86.7%;left:81.1%;}
.dabbling-banner h1 .h1-10{width:8.72%;height:auto;top:76.2%;left:90.6%;}
.dabbling-banner .banner2-p{position:absolute;top:46px;left:370px;display:inline-block;width:480px;height:302px;color:#ffffff;text-align:left;background-image:url(https://assets-cdn.lanqb.com/news/dabbling/banner2-p.png);background-size:100% 100%;}
.dabbling-banner .banner2-p .p1{position:absolute;top:49.7%;left:10.3%;font-size:34px;}
.dabbling-banner .banner2-p .p2{position:absolute;top:66.5%;left:10.3%;font-size:16px;}

/*
** part02
*/
.p2-list{margin-top:-30px;}
.p2-item{display:inline-block;width:180px;margin-top:30px;}
.p2-item + .p2-item{margin-left:65px;vertical-align:top;}
.p2-item h3{font-size:25px;color:#525A67;margin:20px auto 20px;}
.p2-item p{font-size:14px;color:#87959F;text-align:justify;}
.p2-item .icon{position:relative;width:180px;height:160px;}
.p2-item .icon img{position:absolute;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;}

/*aicon*/
.s2-aicon01{width:126px;top:14px;left:42px;}
.s2-aicon02{width:99px;top:51px;left:12px;}
.s2-aicon03{width:17px;top:75px;left:37px;animation-delay:.3s;-webkit-animation-delay:.3s;}
.aicon:hover .s2-aicon01{transform:rotate(9deg);-webkit-transform:rotate(9deg);}
.aicon:hover .s2-aicon02{transform:rotate(9deg);-webkit-transform:rotate(9deg);}
.aicon:hover .s2-aicon03{-webkit-animation-name:aUp;animation-name:aUp;}

/*bicon*/
.s2-bicon01{width:109px;top:15px;left:48px;}
.s2-bicon02{width:93px;top:44px;left:31px;}
.s2-bicon03{width:5px;opacity:0;top:15px;left:40px;animation-delay:.3s;-webkit-animation-delay:.3s;}
.s2-bicon04{width:5px;opacity:0;top:20px;left:65px;animation-delay:.5s;-webkit-animation-delay:.5s;}
.s2-bicon05{width:5px;opacity:0;top:5px;left:85px;animation-delay:.4s;-webkit-animation-delay:.4s;}
.bicon:hover .s2-bicon01{transform:rotate(9deg);-webkit-transform:rotate(9deg);}
.bicon:hover .s2-bicon02{transform:rotate(9deg);-webkit-transform:rotate(9deg);}
.bicon:hover .s2-bicon03{-webkit-animation-name:bDown;animation-name:bDown;}

/*cicon*/
.s2-cicon01{width:117px;top:4px;left:45px;}
.s2-cicon-group{position:absolute;top:37px;left:26px;width:86px;height:106px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;}
.s2-cicon02{width:86px;top:0;left:0;animation-delay:.3s;-webkit-animation-delay:.3s;}
.s2-cicon03{width:29px;top:82px;left:48px;animation-delay:.3s;-webkit-animation-delay:.3s;}
.cicon:hover .s2-cicon01{transform:rotate(9deg);-webkit-transform:rotate(9deg);}
.cicon:hover .s2-cicon-group{transform:rotate(9deg);-webkit-transform:rotate(9deg);}
.cicon:hover .s2-cicon02{-webkit-animation-name:cUp;animation-name:cUp;}
.cicon:hover .s2-cicon03{-webkit-animation-name:cDown;animation-name:cDown;}

/*dicon*/
.s2-dicon01{width:126px;top:14px;left:38px;}
.s2-dicon-group{position:absolute;top:41px;left:11px;width:100px;height:100px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;}
.s2-dicon02{width:100px;top:0;left:0;}
.eye{display:inline-block;position:absolute;width:25px;height:16px;overflow-y:hidden;transform:rotate(-13deg);-webkit-transform:rotate(-13deg);}
.eye01{top:33px;left:18px;}
.eye02{top:26px;left:50px;}
.eye span{display:inline-block;position:absolute;left:50%;top:50%;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;}
.eye span.circle{margin:0 0 0 -4px;width:8px;height:8px;display:block;background-color:#F36B61;border-radius:100%;}
.eye span.line{margin:-8px 0 0 -12.5px;width:25px;height:0;background-image:url(https://assets-cdn.lanqb.com/news/dabbling/s2-dicon03.png);background-size:100% 100%;}
.dicon:hover .s2-dicon01{transform:rotate(9deg);-webkit-transform:rotate(9deg);}
.dicon:hover .s2-dicon-group{transform:rotate(9deg);-webkit-transform:rotate(9deg);}
.dicon:hover .eye{width:25px;height:16px;}
.dicon:hover .eye span.circle{opacity:0;}
.dicon:hover .eye span.line{height:16px;transition-delay:.3s;-webkit-transition-delay:.3s;}

/*eicon*/
.s2-eicon01{width:126px;top:14px;left:38px;}
.s2-eicon-group{position:absolute;top:41px;left:16px;width:116px;height:102px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;}
.s2-eicon02{width:116px;top:0;left:0;}
.s2-eicon03{width:39px;top:22px;left:36px;animation-delay:.3s;-webkit-animation-delay:.3s;}
.eicon:hover .s2-eicon01{transform:rotate(9deg);-webkit-transform:rotate(9deg);}
.eicon:hover .s2-eicon-group{transform:rotate(9deg);-webkit-transform:rotate(9deg);}
.eicon:hover .s2-eicon03{-webkit-animation-name:eScale;animation-name:eScale;}

/*
** part03
*/
.p3-list{margin-top:-40px;margin-left:-16px;}
.p3-item{display:inline-block;margin:40px 0 0 16px;width:280px;height:490px;background:#FFFFFF;border-radius:6px;}
.p3-item a{display:block;width:100%;height:100%;}
.p3-item a:hover{box-shadow:0 10px 20px rgba(0,0,0,0.1);}
.p3-item .p3-img{position:relative;width:100%;overflow:hidden;border-bottom:1px solid #F3F3F3;}
.p3-item .p3-img .tag{z-index:2;position:absolute;right:10px;bottom:10px;display:inline-block;padding:4px 8px;background-color:rgba(0,0,0,.3);border-radius:3px;font-size:12px;color:#FFFFFF;}
.p3-item .p3-img img{width:100%;-webkit-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.p3-con h3{margin:10px auto;font-size:20px;color:#28242A;}
.p3-con h3 span{display:inline-block;margin:4px 0 0 5px;width:37px;height:20px;line-height:20px;font-size:12px;color:#3854B5;background-image:url(https://assets-cdn.lanqb.com/news/dabbling/s3-icon01.png);background-size:100% 100%;vertical-align:top;}
.p3-con h3 span.red{color:#F46D64;background-image:url(https://assets-cdn.lanqb.com/news/dabbling/s3-icon02.png);}
.p3-con h4{color:#948F96;}
.p3-con h4 em{font-size:16px;}
.p3-con h4 span.price{font-size:18px;color:#F36B61;}
.p3-con h4 span.unit{font-size:12px;}
.more{display:block;margin:20px auto -30px;font-size:18px;color:#87959F;}
.more:hover{color:#525A67;}
.more i{display:inline-block;margin-right:10px;font-size:20px;}
.more-open i{transform:rotate(90deg);}
.more-close i{transform:rotate(-90deg);}
.p3-item .mask1{visibility:hidden;z-index:3;position:fixed;}
.p3-item .mask1.active{opacity:1;visibility:visible;}
.p3-imgb{max-width:80%;max-height:70%;display:inline-block;vertical-align:middle;}

/*
** part04
*/
.part04{background-image:url(https://assets-cdn.lanqb.com/dabbling/s4-bgimg.png);background-size:640px auto;background-position:center 160px;background-repeat:no-repeat;}
.p4-list{margin-top:-30px;}
.p4-item{display:inline-block;vertical-align:top;margin-top:30px;}
.p4-item+.p4-item{margin-left:48px;}
.p4-item h3{margin:27px auto 10px;font-size:25px;color:#FFFFFF;}
.p4-item p{opacity:0.8;font-size:14px;color:#FFFFFF;}
.p4-item .p4-icon{display:inline-block;margin-top:45px;width:30px;}
.p4-item .icon{position:relative;width:120px;height:120px;}
.p4-item .icon img{position:absolute;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;}

/*aicon*/
.s4-aicon01{width:83px;top:10px;left:14px;}
.s4-aicon02{width:49px;top:62px;left:57px;}
.aicon:hover .s4-aicon02{-webkit-animation-name:leftright;animation-name:leftright;-webkit-animation-duration:.8s;animation-duration:.8s;}

/*bicon*/
.s4-bicon01{width:100px;top:75px;left:10px;}
.s4-bicon02{width:56px;top:10px;left:31px;}
.bicon:hover .s4-bicon02{-webkit-animation-name:updown;animation-name:updown;-webkit-animation-duration:.8s;animation-duration:.8s;}

/*cicon*/
.s4-cicon01{width:76px;top:33px;left:9px;}
.s4-cicon03{position:absolute;width:63px;height:62px;top:8px;left:48px;overflow:hidden;}
.s4-cicon02{position:absolute;width:63px;top:0;left:0;}
.cicon:hover .s4-cicon02{-webkit-animation-name:righttopleftbottom;animation-name:righttopleftbottom;-webkit-animation-duration:.8s;animation-duration:.8s;}

/*dicon*/
.s4-dicon01{width:91px;top:10px;left:7px;}
.s4-dicon02{width:64px;top:58px;left:48px;}
.dicon:hover .s4-dicon02{-webkit-animation-name:leftright;animation-name:leftright;-webkit-animation-duration:.8s;animation-duration:.8s;}

/*eicon*/
.s4-eicon01{width:77px;top:10px;left:12px;}
.s4-eicon02{width:57px;top:52px;left:50px;}
.eicon:hover .s4-eicon02{-webkit-animation-name:updown;animation-name:updown;-webkit-animation-duration:.8s;animation-duration:.8s;}

/*
** part05
*/
.s5-img{width:100%;}

/*
** part06
*/
.p6-list{margin:-20px 0 0 -20px;}
.p6-item{float:left;margin:20px 0 0 20px;width:580px;background-color:#ffffff;}
.p6-item a{display:block;width:100%;height:100%;padding:20px 26px 20px 20px;}
.p6-item a:hover{box-shadow:0 10px 20px rgba(0,0,0,0.1);}
.p6-item img{width:200px;height:120px;border:1px solid #F3F3F3;}
.p6-item-con{width:314px;text-align:justify;}
.p6-item-con h3{font-size:18px;color:#28242A;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.p6-item-con h4{font-size:14px;color:#87959F;margin:12px 0 0;height:60px;}
.p6-item-con p{font-size:12px;color:#87959F;}

/*
** part07
*/
.part07{background-color:#EBEFF4;}
.s7-img{display:inline-block;margin:30px 0;width:100%;overflow-y:hidden;}
.s7-img img{width:100%;-webkit-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.s7-img:hover img{transform:scale(1.05);}

/*
** 动画
*/
.animated{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes aUp{
  0%{opacity:0;top:90px;left:50px;}
  10%{opacity:0;}
  100%{opacity:1;top:70px;left:37px;}
}
@keyframes aUp{
  0%{opacity:0;top:90px;left:50px;}
  10%{opacity:0;}
  100%{opacity:1;top:70px;left:37px;}
}
@-webkit-keyframes bDown{
  0%{opacity:0;}
  50%{opacity:1;}
  100%{opacity:0;-webkit-transform:translate(0,50px);transform:translate(0,50px);}
}
@keyframes bDown{
  0%{opacity:0;}
  50%{opacity:1;}
  100%{opacity:0;transform:translate(0,50px);}
}
@-webkit-keyframes cUp{
  50%{-webkit-transform:translate(-3px,-6px);transform:translate(-3px,-6px);}
  100%{-webkit-transform:translate(0,0);transform:translate(0,0);}
}
@keyframes cUp{
  50%{transform:translate(-3px,-6px);}
  100%{transform:translate(0,0);}
}
@-webkit-keyframes cDown{
  50%{-webkit-transform:translate(3px,6px);transform:translate(3px,6px);}
  100%{-webkit-transform:translate(0,0);transform:translate(0,0);}
}
@keyframes cDown{
  50%{transform:translate(3px,6px);}
  100%{transform:translate(0,0);}
}
@-webkit-keyframes dEye{
    50%{transform:translate(3px,6px);}
    100%{transform:translate(0,0);}
}
@keyframes dEye{
  50%{transform:translate(3px,6px);}
  100%{transform:translate(0,0);}
}
@-webkit-keyframes eScale{
  50%{transform:scale(1.2);-webkit-transform:scale(1.2);}
  100%{transform:scale(1);-webkit-transform:scale(1);}
}
@keyframes eScale{
  50%{transform:scale(1.2);}
  100%{transform:scale(1);}
}
@-webkit-keyframes leftright{
  50%{-webkit-transform:translate(10px,0);transform:translate(10px,0);}
  100%{-webkit-transform:translate(0,0);transform:translate(0,0);}
}
@keyframes leftright{
  50%{transform:translate(10px,0);}
  100%{transform:translate(0,0);}
}
@-webkit-keyframes updown{
  50%{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
  100%{-webkit-transform:translate(0,0);transform:translate(0,0);}
}
@keyframes updown{
  50%{transform:translate(0,-10px);}
  100%{transform:translate(0,0);}
}
@-webkit-keyframes righttopleftbottom{
  50%{-webkit-transform:translate(-10px,10px);transform:translate(-10px,10px);}
  100%{-webkit-transform:translate(0,0);transform:translate(0,0);}
}
@keyframes righttopleftbottom{
  50%{transform:translate(-10px,10px);}
  100%{transform:translate(0,0);}
}
@-webkit-keyframes fadeInLeftTop{
  0%{opacity:0;-webkit-transform:translate3d(-2000%,-2000%,0);transform:translate3d(-2000%,-2000%,0)}
  100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeftTop{
  0%{opacity:0;-webkit-transform:translate3d(-2000%,-2000%,0);-ms-transform:translate3d(-2000%,-2000%,0);transform:translate3d(-2000%,-2000%,0)}
  100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInLeftTop{-webkit-animation-name:fadeInLeftTop;animation-name:fadeInLeftTop;}
@-webkit-keyframes fadeInLeftBottom{
  0%{opacity:0;-webkit-transform:translate3d(-2000%,2000%,0);transform:translate3d(-2000%,2000%,0)}
  100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeftBottom{
  0%{opacity:0;-webkit-transform:translate3d(-2000%,2000%,0);-ms-transform:translate3d(-2000%,2000%,0);transform:translate3d(-2000%,2000%,0)}
  100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInLeftBottom{-webkit-animation-name:fadeInLeftBottom;animation-name:fadeInLeftBottom;}
@-webkit-keyframes fadeInRightTop{
  0%{opacity:0;-webkit-transform:translate3d(2000%,-2000%,0);transform:translate3d(2000%,-2000%,0)}
  100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRightTop{
  0%{opacity:0;-webkit-transform:translate3d(2000%,-2000%,0);-ms-transform:translate3d(2000%,-2000%,0);transform:translate3d(2000%,-2000%,0)}
  100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInRightTop{-webkit-animation-name:fadeInRightTop;animation-name:fadeInRightTop;}
@-webkit-keyframes fadeInRightBottom{
  0%{opacity:0;-webkit-transform:translate3d(2000%,2000%,0);transform:translate3d(2000%,2000%,0)}
  100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRightBottom{
  0%{opacity:0;-webkit-transform:translate3d(2000%,2000%,0);-ms-transform:translate3d(2000%,2000%,0);transform:translate3d(2000%,2000%,0)}
  100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInRightBottom{-webkit-animation-name:fadeInRightBottom;animation-name:fadeInRightBottom;}
@-webkit-keyframes fadeInLeft{
  0%{opacity:0;-webkit-transform:translate3d(-2000%,0,0);transform:translate3d(-2000%,0,0)}
  100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeft{
  0%{opacity:0;-webkit-transform:translate3d(-2000%,0,0);-ms-transform:translate3d(-2000%,0,0);transform:translate3d(-2000%,0,0)}
  100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}
@-webkit-keyframes fadeInUp{
  0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
  100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp{
  0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
  100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
@-webkit-keyframes bannerScale{
  0%{opacity:0;transform:scale(5);-webkit-transform:scale(5);-ms-transform:scale(5);}
  100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes bannerScale{
  0%{opacity:0;transform:scale(5);-ms-transform:scale(5);}
  100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
}
.bannerScale{-webkit-animation-name:bannerScale;animation-name:bannerScale;}

/*
**ipad适配
*/
@media (min-width:768px){
  .pc{display:none;}
  .ipad{display:inline-block;}
  .btn{width:200px;height:43px;line-height:43px;font-size:20px;margin-top:50px;}
  .main-h2{margin:50px auto 80px;}
  .dabbling-list{padding-bottom:50px;}
  .dabbling-banner{height:253px;}
  .dabbling-banner-con{margin-left:-608px;width:1216px;}
  .dabbling-banner h1{top:50%;margin-left:-80px;width:160px;height:55px;}
  .dabbling-banner h2{font-size:24px;}
  .dabbling-banner h3{font-size:12px;}
  .dabbling-banner .banner2-p{left:235px;width:287px;height:180px;}
  .dabbling-banner .banner2-p .p1{font-size:20px;}
  .dabbling-banner .banner2-p .p2{font-size:12px;}
  .p2-item{width:128px;}
  .p2-item + .p2-item{margin-left:20px;}
  .p2-item .icon{width:110px;height:100px;}
  .s2-icon{width:100%;left:0;}
  .p3-item{width:170px;height:320px;}
  .p3-con h3{font-size:15px;}
  .p3-con h3 span{width:28px;height:15px;line-height:15px;}
  .p3-con h4 em{font-size:14px;}
  .p3-con h4 span.price{font-size:14px;}
  .more{margin:20px auto -30px;}
  .part04{background-size:500px auto;background-position:center 115px;}
  .p4-item+.p4-item{margin-left:-3px;}
  .p4-item .icon{width:72px;height:65px;}
  .s4-icon{width:100%;left:0;}
  .p4-item h3{font-size:22px;}
  .p4-item .p4-icon{margin-top:30px;}
  .p6-item{width:748px;}
  .p6-item-con{width:calc(100% - 180px);}
  .p6-item img{width:160px;height:96px;}
  .p6-item-con h4{height:40px;font-size:12px;}
}
@media (min-width:992px){
  .pc{display:inline-block;}
  .ipad{display:none;}
  .btn{width:260px;height:60px;line-height:60px;font-size:25px;margin-top:60px;}
  .main-h2{margin:60px auto 90px;}
  .dabbling-list{padding-bottom:80px;}
  .dabbling-banner{height:332px;}
  .dabbling-banner-con{margin-left:-797px;width:1594px;}
  .dabbling-banner h1{top:50%;margin-left:-95px;width:190px;height:67px;}
  .dabbling-banner h2{font-size:28px;}
  .dabbling-banner h3{font-size:14px;}
  .dabbling-banner .banner2-p{left:308px;width:400px;height:251px;}
  .dabbling-banner .banner2-p .p1{font-size:28px;}
  .dabbling-banner .banner2-p .p2{font-size:14px;}
  .p2-item{width:180px;}
  .p2-item + .p2-item{margin-left:15px;}
  .p2-item .icon{width:180px;height:160px;}
  .p3-item{width:230px;height:420px;}
  .p3-con h3{font-size:20px;}
  .p3-con h3 span{width:37px;height:20px;line-height:20px;}
  .p3-con h4 em{font-size:16px;}
  .p3-con h4 span.price{font-size:18px;}
  .more{margin:20px auto -30px;}
  .part04{background-size:640px auto;background-position:center 160px;}
  .p4-item+.p4-item{margin-left:23px;}
  .p4-item .icon{width:120px;height:120px;}
  .p4-item h3{font-size:25px;}
  .p4-item .p4-icon{margin-top:45px;}
  .p6-item{width:480px;}
  .p6-item-con{width:260px;}
  .p6-item img{width:160px;height:96px;}
  .p6-item-con h4{height:40px;font-size:12px;}
}
@media (min-width:1200px){
  .dabbling-banner{height:400px;}
  .dabbling-banner-con{margin-left:-960px;width:1920px;}
  .dabbling-banner h1{top:51.8%;margin-left:-107px;width:214px;height:74px;}
  .dabbling-banner h2{font-size:34px;}
  .dabbling-banner h3{font-size:16px;}
  .dabbling-banner .banner2-p{left:370px;width:480px;height:302px;}
  .dabbling-banner .banner2-p .p1{font-size:34px;}
  .dabbling-banner .banner2-p .p2{font-size:16px;}
  .p2-item + .p2-item{margin-left:65px;}
  .p3-item{width:280px;height:490px;}
  .p4-item+.p4-item{margin-left:48px;}
  .p6-item{width:580px;}
  .p6-item-con{width:314px;}
  .p6-item img{width:200px;height:120px;}
  .p6-item-con h4{height:60px;font-size:14px;}
}